/*
-----------------------------------------------
Blogger Template Style
Name:     blogger template name
Designer: bouyardane
URL:      www.bouyardane.com
----------------------------------------------- */
/* Content
----------------------------------------------- */
*{
backgrund:url(http://bouyardane.blogspot.com/);
margin:0;
padding:0;
outline:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration:underline;
}
del {
text-decoration: line-through;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
direction:rtl;
}
a {text-decoration:none;color:#aaa;}
a :visited{text-decoration:none;color:#888;}
a :hover{text-decoration:none;color:#888;}
blockquote
{
margin:10px;
padding:8px;
border:1px solid #ddd;
color:#444;
text-shadow:0 1px 0 #fff;
background:#f8f8f8;
}
ul , ol , dl {
list-style-position:inside;
font-weight:bold;
list-style:none;
}
/*-----Font Face-----*/
@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
/*------------Body----------------*/
body{
background:url(http://4.bp.blogspot.com/-XSSjp0cUuM4/UhVanom5r5I/AAAAAAAAA7w/Cp07qkquN3I/s1600/bg.png);
margin:0;
padding:0;
direction:rtl;
font:normal 13px tahoma;
}
/*------------Container-------------*/
#outer-wrapper{
overflow:hidden;
margin:0;padding:0;}
#header-wrapper{
width: 990px;
overflow: hidden;
height: 150px;
margin: 0 auto;
padding: 0;
background: url(http://4.bp.blogspot.com/-L4hks28BDHA/UheL_y96LcI/AAAAAAAAA84/SoSGiTAsKe8/s1600/gr-gala_09.jpg);
border-top: 5px solid #aaa;
border-bottom: 1px solid #696969;
}
#content-wrapper{
width:990px;margin: 0 auto 10px;
border-top: none;padding: 0;
}
#main-wrapper{
width: 66%;
float: right;
margin: 10px 0;
padding: 0;
}
#sidebar-wrapper{width:308px;float:left;padding:0;margin:25px 0;}
/*------Metro--------*/
#metro-wrapper{width:100%;display:none;background:#62b1ed url(http://4.bp.blogspot.com/-oBLCQE2RLNM/Uhjif3gNWoI/AAAAAAAABBY/YqEpJHa0wjY/s1600/start-gr.png);overflow:hidden;margin:0 auto;padding:0;}
#metro{width:1080px;margin:0 auto;}
.th3metro{width:270px;float:right;direction:rtl;overflow:hidden}
.th3metro ul{margin:0;list-style:none;}
.th3metro ul li{margin:4px;}
.th3metro ul li:hover{border:4px solid #73b8ff;}
.th3metro .big{float:right;width:250px;height:120px;padding:0;}
.th3metro .small{float:right;width:117px;height:120px;padding:0;}
.th3metro ul li span{text-align:right;color:#fff}
.th3metro #home{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#2a92e2 url(http://3.bp.blogspot.com/-RHDTf_GFIhM/Uf_QD2Gx1FI/AAAAAAAAAyk/OyPbS61f95k/s1600/home.png) no-repeat 50% 50%;
border:4px solid #2a92e2;
}
.th3metro #vb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://3.bp.blogspot.com/-Hf-n-G7V1GQ/Uf_QGQSmELI/AAAAAAAAAzY/-9gf2SN8RQg/s1600/vb.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #blog{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00b1f0 url(http://2.bp.blogspot.com/-goqtRb5IgF4/Uf_QBuwv-lI/AAAAAAAAAx0/nvXG9SZJdis/s1600/blog.png) no-repeat 50% 50%;
border:4px solid #00b1f0;
}
.th3metro #Android{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00bb00 url(http://2.bp.blogspot.com/-asq0Wd6NJrU/Uf_QBZrRbiI/AAAAAAAAAxw/OLZIHvHMStg/s1600/Android.png) no-repeat 50% 50%;
border:4px solid #00bb00;
}
.th3metro #security{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#643ebf url(http://2.bp.blogspot.com/-4nlWz43b48w/Uf_QEmzWHWI/AAAAAAAAAyw/fOhaePA8epo/s1600/security.png) no-repeat 50% 50%;
border:4px solid #643ebf;
}
.th3metro #video{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://3.bp.blogspot.com/-PjRlUHSCMFQ/Uf_QGTe0JfI/AAAAAAAAAzc/jZ9EUQwOnj0/s1600/video.png) no-repeat 50% 50%;
border:4px solid #b71c45;
}
.th3metro #windows{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#83c3ff url(http://3.bp.blogspot.com/-ZaTNvLzVF6s/Uf_QGu8HePI/AAAAAAAAAzM/dULoTReeD9g/s1600/windows.png) no-repeat 50% 50%;
border:4px solid #83c3ff;
}
.th3metro #linux{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background: #3BB71C url(http://4.bp.blogspot.com/-FstpBOdPZLo/Ul_spWQKk9I/AAAAAAAABtc/CdTmSn3XEis/s1600/XBox+360.png) no-repeat 50% 50%;
border: 4px solid #1BC51B;
}
}
.th3metro #fb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#0a57c0 url(http://1.bp.blogspot.com/-8rUy_nuZbuc/Uf_QC7HAruI/AAAAAAAAAyI/GfGpapSu4KQ/s1600/fb.png) no-repeat 50% 50%;
border:4px solid #0a57c0;
}
.th3metro #g{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://1.bp.blogspot.com/-Q-o9tNPGPrQ/Uf_QDTZOEQI/AAAAAAAAAyU/Q137brzOG2g/s1600/g.png) no-repeat 50% 50%;
border:4px solid #b71c45;
}
.th3metro #blogger{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://4.bp.blogspot.com/-wuINYY7gXe8/Uf_QCE8sFWI/AAAAAAAAAx8/JhZl9w6dllA/s1600/blogger.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #contact{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#009bad url(http://3.bp.blogspot.com/-9IJX9o8JvxU/Uf_QCdOeQyI/AAAAAAAAAyQ/IFAKHWgeal4/s1600/contact.png) no-repeat 50% 50%;
border:4px solid #009bad;
}
.th3metro #home:hover,.th3metro #vb:hover,.th3metro #contact:hover,.th3metro #video:hover{border:4px solid #73b8ff;}
.th3metro #fb:hover,.th3metro #blogger:hover,.th3metro #g:hover,.th3metro #blog:hover{border:4px solid #73b8ff;}
.th3metro #Android:hover,.th3metro #security:hover,.th3metro #windows:hover,.th3metro #linux:hover{border:4px solid #73b8ff;}
.metro_btn img{
float: left;
padding: 6px;
background: #aaa;
border-bottom: 4px solid #86CBFF;
}
/*---------Header---------------*/
#head{width:1024px;overflow:hidden;margin:0 auto;padding:0;}
#header {
width: 223px;
clear: both;
float: right;
margin: 14px 0 0;
padding: 0;
}
.ads{
width: 728px;
float: left;
margin: 32px 0 0 46px;
padding: 3px 3px 0;
background: #ccc;
}
/*-------------Topnav--------*/
#topnav{
width:990px;
margin:0;
padding:0;
overflow:hidden;
background:url(http://good-themes.com/preview/mudawanah/wp-content/themes/Mudawanah/images/top_bar_bg.gif) repeat-x;
height: 35px;
border-bottom: 3x solid #aaa;
}
#topnav ul{
width: 990px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#topnav ul li {
float: right;
padding: 0 10px 0 10px;
display: block;
margin: 10px 0;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a{
margin: 5px;
padding: 0;
color: #fff;
font:  12px GESSTwoMediumRegular;
text-shadow: 1px 1px 0 #000;
}
#topnav ul li span{text-align:center;margin:0;padding:0;color:#00C0F0;text-shadow: 0 1px 0 #000;font:normal 11px GESSTwoMediumRegular;}
#topnav ul li:hover, #topnav ul li.active {
color: #CCC;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a:hover, #topnav ul li.active a {
color: #aaa;
}
/*-------------Search-----------------*/
#searcharea{margin: 0 0 10px;}
.searchbox{
background: #f8f8f8 url(http://4.bp.blogspot.com/-EXFz8XR6rO8/UhjgQN_V29I/AAAAAAAABBE/s7Yq6UcKlj4/s1600/search-gr.png) no-repeat 95% 50%;
font-family: tahoma;
color: #888;
margin: 0;
border: 1px solid #888;
padding: 13px 36px 14px 10px;
border-right: 4px solid #888;
width: 198px;
}
.searchbox:focus{
border: 1px solid #aaa;
border-right: 4px solid #aaa;
}
.searchbtn {
background: #aaa;
border: 1px solid #888;
color: #FFF;
font: normal 14px GESSTwoMediumRegular, tahoma;
padding: 10px 20px;
margin: 0 -4px 0;
}
.searchbtn:hover {
background: #888;
}
/*-------------subscibe-----------------*/
#subscibe {
margin: 0 10px;
margin-bottom: 10px !important;
}
.subscibebox{
background: #FFF url(http://4.bp.blogspot.com/-iNt1NmiazTc/UhjgQHQ_3YI/AAAAAAAABBA/wa-VMs0PPMg/s1600/contact-gr.png) no-repeat 95% 50%;
font-family: 'HelveticaNeueW23';
color: #aaa;
margin: 10px 0;
width: 180px;
padding: 16px 35px 16px 0;
border: 1px solid #aaa;
border-right: 5px solid #888;
opacity: 0.8;
}
.subscibebox:focus{
border: 1px solid #aaa;
border-right: 5px solid #888;
box-shadow:0 0 3px #aaa;
opacity: 0.8;
}
/*-------------Social-------------*/
#ja-social .social { }
#ja-social .ico-social { border-left-color: #444; }
#ja-social .ico-social.ico-rss{background-image: url(http://2.bp.blogspot.com/-HdpfFKGUqac/Ue93HmOqf3I/AAAAAAAAAgA/zKI0mSmflrU/s1600/rss.png); }
#ja-social .ico-social.ico-facebooks{background-image: url(http://3.bp.blogspot.com/-Jr8s6Y0e628/Ue93Hl2gUGI/AAAAAAAAAgc/4UD2m4hOsVE/s1600/fb.png); }
#ja-social .ico-social.ico-twitters{background-image: url(http://1.bp.blogspot.com/-Ekvqx7yBy5A/Ue93IDq7tNI/AAAAAAAAAgQ/GfNxqGe0j9s/s1600/tw.png); }
#ja-social .ico-social.ico-g{background-image: url(http://4.bp.blogspot.com/-Pu7gBFFgPY0/Ue93HnzoK4I/AAAAAAAAAf8/Hmll0UscyTM/s1600/g.png); }
#ja-social .ico-social.ico-youtube{background-image: url(http://3.bp.blogspot.com/-SZcmWZ6YHzs/Ue93IeWMTdI/AAAAAAAAAgM/ENfkC1SAd2k/s1600/youtube.png); }
#ja-social { float: left; margin:3px;}
#ja-social .social {
float: left;
padding: 2px; }
#ja-social .ico-social {
background-position: left top;
display: inline-block;
float: left;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
-webkit-transition: all 1s ease .1s;
-moz-transition: all 1s ease .1s;
-o-transition: all 1s ease .1s;
-pie-transition: all 1s ease .1s;
transition: all 1s ease .1s;
}
#ja-social .ico-social:hover,
#ja-social .ico-social:focus,
#ja-social .ico-social:active { background-position: left bottom;
-webkit-transition: all 1s ease .1s;
-moz-transition: all 1s ease .1s;
-o-transition: all 1s ease .1s;
-pie-transition: all 1s ease .1s;
transition: all 1s ease .1s;
}
/******-----------***********/
#navi {
width: 990px;
margin: 0;
height: 44px;
background: #aaa;
padding: 0;
clear: both;
box-shadow: 0 3px 0px #888;
border-radius: 0 0 3px 3px;
position: relative;
}
#navi h2 {
display:none
}
#navi ul {
list-style:none;
margin:0;
padding:0;
}
#navi ul li {
float:right;
padding:12px 20px;
border-left:1px solid #888;
}
#navi ul li a {
color:#fff;
font:normal 14px GESSTwoMediumRegular, tahoma; arial;!important;
text-decoration:none;
}
#navi ul li:hover {
background: #888;
}
.navi ul {
background: none repeat scroll 0 0 #222222;
display: none;
padding: 10px 0 2px;
position: absolute;
top: 43px;
width: 293px;
z-index: 9999;
}
.navi li ul li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
float: right;
height: 29px;
margin: 5px 9px 5px 4px !important;
padding: 0 !important;
width: 130px;
}
.navi li ul li:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
height: 29px !important;
width: 130px !important;
}
.navi li ul a {
background: none repeat scroll 0 0 #161616;
color: #FFFFFF;
float: right;
font: 11px/27px Tahoma,Geneva,sans-serif !important;
height: 29px;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 5px;
padding-top: 0 !important;
text-align: right;
text-shadow: none;
width: 130px;
}
.navi ul ul {
top: auto;
}
.navi li ul ul {
left: 12em;
margin: 0 0 0 10px;
}
.navi li:hover ul ul, .navi li:hover ul ul ul, .navi li:hover ul ul ul ul {
display: none;
}
.navi li:hover ul, .navi li li:hover ul, .navi li li li:hover ul, .navi li li li li:hover ul {
display: block;
}
.post-labels{display:none !important;}
/*---------post--------*/
.BlogArchive #ArchiveList ul li{
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-right: 20px;
margin: .25em 0;
background-image: none;
}
.post-title{padding: 20px;color:#888;font:normal 20px 'GESSTwoMediumRegular', arial, tahoma;}
.post {
background: none repeat scroll 0 0 #fff;
border-bottom: 4px solid #aaa;
color: #555555;
margin-bottom: 10px;
padding:0;
text-align: justify;
text-decoration: none;
font: normal 13px tahoma;
line-height: 1.6em;
}
.post-thumbnail {
line-height: 0;
}
.post h3 {
padding: 10px;
border-bottom: 1px solid #ddd;
color: #5F5F5F;
font: normal 20px 'GESSTwoMediumRegular', arial, tahoma;
background: #f8f8f8;
margin: 0 0 3px;
}
.post h3 a {
padding: 0;
color: #444;
font: normal 20px 'GESSTwoMediumRegular', arial, tahoma;
}
.post-body{width:98%;padding:4px 8px;}
.post a{font-size:12px;}
#readmore a{
background: #aaa url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 91% 50%;
float: left;
color: #FFF;
margin: -31px 0 0 10px;
padding: 14px 35px 8px 8px;
text-decoration: none;
font: normal 13px 'GESSTwoMediumRegular', arial, tahoma;
}
#readmore a:hover{
background: #888 url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 91% 50%;
}
.section {
margin: 0 8px;
}
/*------------------sidebar--------------------*/
.sidebar{margin:16px 0 0 6px;padding:0;}
.sidebar h2{
font: normal 16px 'GESSTwoMediumRegular', arial, tahoma;
margin: 0;
border-bottom: 4px solid #aaa;
padding: 10px;
color: #444;
}
.sidebar ul{
margin: 0;
line-height: 1.8em;
padding: 0 14px 8px 4px;
font-size: 12px;
font-family: tahoma;
font-weight: normal;
overflow:hidden;
}
.sidebar ul li{margin: 0 0 10px;}
.sidebar ul li a{color:#888;font-size: 14px;font-family: GESSTwoMediumRegular;}
.sidebar ul li a:hover{color:#aaa;}
.sidebar .widget{
background: #fff;
margin:0 0 10px;
padding: 0;
box-shadow: 0px 1px 2px 0px #bababa;
}
/*-----------labels-----------------*/
.list-label-widget-content ul li{ float:right;margin:0;padding:0; }
#Label1{padding:0;}
#Label1 ul{margin:0;}
#Label1 ul li{
padding: 6px 10px 6px;
border: 1px solid #888;
margin: 2px;
background: #aaa;
}
#Label1 ul li a {
color: #fff;
font: normal 12px GESSTwoMediumRegular;
}
#Label1 ul li:hover {
background: #888;
text-decoration:underline;
}
#Label2{padding:0;width:100%;}
#Label2 ul{margin:0;width:100%;padding: 0px 4px;}
#Label2 ul li {
padding: 6px 0 6px;
border: 1px solid #ddd;
margin: 2px;
background: #fff;
}
#Label2 ul li a {
color: #aaa;
font: normal 12px GESSTwoMediumRegular;
}
#Label2 ul li a:hover {
color: #aaa;
text-decoration:underline;
}
/** Admin Profile **/
.profile-img {
float: right;
margin-top: 0;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 0;
padding: 4px;
border: 1px solid #dddddd;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'GESSTwoMediumRegular', Trebuchet, Arial, Verdana, Sans-serif;
color: #777777;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
#ArchiveList {
text-align: right;
padding: 8px;
}
#BlogArchive1_ArchiveMenu{
width: 100%;
padding: 10px;
background: #FD934D;
border: 1px solid #F9760B;
font:  12px tahoma;
color: #FFF;
text-shadow: 0 1px 0 #DF6400;
}
#PopularPosts1 ul{padding:0;}
#PopularPosts1 ul li{margin: 5px 0;
border-bottom: 1px solid #DDD;
padding: 6px 0 6px 0px;}
#PopularPosts1 ul li a{color: #5E6D82}
#PopularPosts1 ul li a:hover{color:#aaa;}
.PopularPosts .item-thumbnail {
float:right;
}
.PopularPosts img {
height: 48px;
width: 48px;
float:right;
margin-left:4px;
padding:3px;
}
.PopularPosts .widget-content ul li {
list-style: none;}
#search{
margin-top:0;
margin-bottom:0;
}
/*----------comments----------*/
.comments h4{
background: #f8f8f8;
padding: 10px;
color: #444;
font: bold 16px GESSTwoMediumRegular;
border: 1px solid #ddd;
}
.comment-block {
background: #f8f8f8;
padding: 8px 8px 12px;
border: 1px solid #ddd;
}
.avatar-image-container{
background: #FFF;
border: 1px solid #ddd;
padding: 3px;
}
.comment-header{
background: #FFF;
border: 1px solid #ddd;
padding: 8px;
}
.user a ,.blog-auter a{
font: normal 13px tahoma;
}
.datetime a {
float: left;
font: normal 13px tahoma;
}
.comment-content {
background: #FFF;
border: 1px solid #ddd;
padding: 10px 10px 46px;
color: #888;
font: normal 13px tahoma;
}
.comment-actions{
background: #FFF;
border: 1px solid #ddd;
padding: 7px;
font: normal 11px tahoma;
}
.comment-actions a{
font: normal 12px GESSTwoMediumRegular;
}
.widget .post-body ul {
padding: 0;
margin: 0;
line-height: 0;
}
/* ---------Page Navigation---------------- */
#blog-pager-newer-link {float: right;}
#blog-pager-older-link {float: left;margin-left:10px;}
#blog-pager {
margin-top:10px;
padding:4px 10px 4px 10px;
background:#fff;
border-radius:5px;
border: 1px solid #ddd;
}
#blog-pager a{
text-align: center;
text-transform:uppercase;
font-size:14px;
font-family:HelveticaNeueW23, tahoma, arial;
background:#fff;
color:#aaa;
}
.feed-links {clear: both;line-height: 2.5em;}
/*--------Footer----------*/
#footer-wrapper {
width: 100%;
border-top: 1px solid #fff;
box-shadow: 0 -1px 2px #D5D5D5;
overflow: hidden;
background: #f8f8f8 url(http://4.bp.blogspot.com/-dK36jk78-lg/UhV3t8HECOI/AAAAAAAAA8M/ww6WfXZGkik/s1600/bg-footer.gif);
clear: both;
padding: 10px 0;
margin: 0;
}
#footer{
width:990px;
margin:0 auto;
padding:0;
}
#footer-column{
margin:0;
padding:0;
}
#footer-column h2 {
margin-bottom: 15px;
padding: 11px;
color: #777;
font: normal 12px GESSTwoMediumRegular;
text-shadow: 1px 1px 1px #fff;
background: -webkit-linear-gradient(top, rgba(249,249,249, 1) 0%, rgba(234, 234, 234, 1) 100%);
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
}
}
}
#footer-column ul {
margin: 0;
padding: 0;
}
#footer-column ul li {
margin: 2px;
padding: 5px 6px;
color: #00ADFF;
}
#footer ul li a{
margin:0;
font: normal 12px tahoma;
padding:0;
color:#888;
}
.item-snippet{padding:4px}
.PopularPosts2 ul li a{color:#fff;}
#copyrights-wrapper {
overflow: hidden;
border-top: 1px solid #222;
background: #444;
padding: 10px 0;
color: #FFF;
margin: 0;
font: normal 12px GESSTwoMediumRegular, tahoma;
}
#copyrights{
width:990px;
overflow:hidden;
margin:0 auto;
}
.widget ul {
padding: 5px;
margin: 0;
}
.copy-right{float:right;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-left{float:left;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-right a{color:#aaa;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-left a{padding-right:3px;color:#aaa;font: normal 14px GESSTwoMediumRegular, tahoma;}
.postauthor{
background:#f8f8f8;
border:1px solid #ddd;
border-right:none;
border-left:none;
padding:10px;
margin:10px 0 0;
overflow:hidden;
}
.postauthor img{
float:right;background:#fff;margin:0 0 0 8px;padding:4px;border:1px solid #ddd;
}
.postauthor h4{
font: normal 14px GESSTwoMediumRegular, tahoma;
color: #444;
}
.postauthor a{
color:#aaa;
padding-right:2px;
}
.postauthor p{
font: normal 12px tahoma;color:#888;
line-height:1.8em;
text-shadow: 0 1px 0 #FFF;
}
/*----------social postauthor------------*/
#social_postauthor {
margin: 16px 0 0;
overflow: hidden;
background: #fff;
padding: 4px;
border-radius: 3px;
border: 1px solid #ddd;
}
#social_postauthor ul{margin:0;padding:0;overflow:hidden;}
#social_postauthor ul li {
float: right;
padding: 0;
margin: 3px 2px;
border-radius: 2px;
transition: 0.5s;
}
#social_postauthor ul li a{
display: inline-block;
float: right;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
transition:0.5s;
}
#social_postauthor ul li:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-moz-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Safari and Chrome */
transition:0.5s;
}
#social_postauthor ul li span{
font: normal 13px 'GESSTwoMediumRegular';
text-shadow: 0 1px 0 #fff;
padding: 4px 4px 4px 4px;
}
#social_postauthor .txt {
padding: 4px 0;
}
#social_postauthor .fb {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 50% center;
background-color: #003366;
}
#social_postauthor .tw {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 50% center;
background-color: #0ba6f7;
}
#social_postauthor .gl {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 50% center;
background-color: #dc311b;
}
/*----------subscribe Postauthor------------*/
#subspa {
margin:0;
}
.subspabox {
background: #f8f8f8 url(http://4.bp.blogspot.com/-iNt1NmiazTc/UhjgQHQ_3YI/AAAAAAAABBA/wa-VMs0PPMg/s1600/contact-gr.png) no-repeat 98% 50%;
font-family: 'GESSTwoMediumRegular';
color: #293949;
margin: 4px;
width: 67%;
text-align: right;
padding: 6px 35px 6px 0;
border: 1px solid #ddd;
border-radius: 3px;
}
.subspabox:focus{
border: 1px solid #33B5E5;opacity: 0.8;
color: #33B5E5;
background: #FFF url(http://4.bp.blogspot.com/-RspmSPUJ7AE/UhjTX-W3eiI/AAAAAAAAA_s/IDNdGPrjwA0/s1600/contact.png) no-repeat 98% 50%;
}
.feed-links{display:none;}
::selection {
background: #65C178;
color: #fff;
text-shadow: 1px 1px 0 #555;
}
top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
.post-labels{
background: #F8F8F8;
border: 1px solid #DDD;
border-right: none;
border-left: none;
border-bottom: none;
padding: 10px;
overflow: hidden;
clear: both;
margin: -10px 0 0 0;
display: block;
color:#888;
}
.post-labels a {
background: #aaa;
border: 1px solid #888;
padding: 6px;
margin: 3px;
overflow: hidden;
font: normal 14px GESSTwoMediumRegular, tahoma;
color: #fff;
}
.post-labels a:hover {
background: #ddd;
border: 1px solid #ccc;
color: #888;
}
.feed-links{display:none;}
/*-----MetaPost--------*/
#meta-post{padding: 10px 0;margin: 0 0 -22px;background: #f8f8f8;border-top: 1px solid #ddd;}
.post-author {
background: url(http://1.bp.blogspot.com/-Q-A5Vm8wRDQ/UhjTXcgZioI/AAAAAAAAA_U/tpPdXAeqDMw/s1600/author.png) no-repeat 98% 50%;
padding: 12px 24px 12px 10px;
margin: 0 5px !important;
border-left: 1px solid #ddd;
color: #888;
}
.post-author span{color:#aaa;}
.post-timestamp {
background: url(http://4.bp.blogspot.com/-t8K9nkLdhro/UhjTY67XqwI/AAAAAAAABAE/xuCABvgVqxY/s1600/time.png) no-repeat 98% 50%;
padding: 12px 25px 12px 10px;
margin: 0;
border-left: 1px solid #ddd;
color: #888;
}
.post-timestamp a{color:#aaa;}
.comment-link {
background: url(http://2.bp.blogspot.com/-57QXXeioDRk/UhjTXelcAnI/AAAAAAAABAI/tlMBGutqlLg/s1600/comment.png) no-repeat 93% 53%;
padding: 13px 32px 13px 10px;
margin: 0;
border-left: 1px solid #ddd;
}
.comment-link a{color:#aaa;}
/*---------Color Swotchers-------------*/
#Chose-color{
margin-right: 10px;
position: fixed;
background: #fff;
width: 29px;
overflow: hidden;
}
#Chose-color ul,#Chose-color li{padding:0;margin:0;list-style:none}
#Chose-color li{margin:5px 2px;position:relative}
#Chose-color li a{padding:0 2px;line-height:2px;display:block}
/*--------share---------*/
.dhi_menu{
float: right;
margin: 16px 0 0 8px;
padding: 0;
}
.dhi_menu ul{float:left;}
.dhi_menu ul li{float:right;margin:2px;padding:0;}
.dhi_menu ul li a{padding:10px 27px 10px 9px;border-radius: 3px;font:normal 12px tahoma;float:right;color:#fff;}
.dhi_menu ul li a:hover{}
.dhi_menu a.twitter {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
background-color: #0ba6f7;
}
.dhi_menu a.twitter:hover {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
background-color: #ddd;
cursor:pointer;
}
.dhi_menu a.share {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 87% center;
background-color: #003366;
}
.dhi_menu a.share:hover {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
.dhi_menu a.plus {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
background-color: #dc311b;
}
.dhi_menu a.plus:hover {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
background-color: #ddd;
cursor:pointer;
}
/*------------------------------*/
.share_menu{
margin: 0;
padding: 0;
border: 4px solid #DDD;
overflow: hidden;
float: left;
}
.share_menu ul{
padding: 0;
margin: 0;
}
.share_menu ul li{
float: right;
padding: 0;
}
.share_menu ul li a{padding:10px 35px 10px 20px;font:normal 12px tahoma;float:right;color:#fff;}
.share_menu ul li a:hover{}
.share_menu a.twitter {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
background-color: #0ba6f7;
}
.share_menu a.twitter:hover {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
.share_menu a.share {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
background-color: #003366;
}
.share_menu a.share:hover {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
.share_menu a.plus {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
background-color: #dc311b;
}
.share_menu a.plus:hover {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
/*---------PageNavigation------------*/
.pagenavi{
clear:both;margin:20px auto 0;text-align:center;
transition: 0.5s;
}
.pagenavi span, .pagenavi a {
padding: 10px;
width: 50px;
margin-right: 5px;
padding-top: 6px;
font: normal 12px/20px Tahoma, Geneva, sans-serif;
padding-bottom: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: -moz-linear-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: linear-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
border: 1px solid #d6d6d6;
color: #888;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
font-weight: normal;
text-shadow: 0 1px 0 #f8f8f8;
transition: 0.5s;
}
.pagenavi a:hover, .pagenavi .current {
background: -webkit-linear-gradient(top, #aaa 0%, #888 100%);
background: -moz-linear-gradient(top, #aaa 0%, #888 100%);
background: linear-gradient(top, #aaa 0%, #888 100%);
color: #fff;
text-decoration: none;
border: 1px solid #888;
font-weight: normal;
text-shadow: 0 1px 0 #888;
transition: 0.5s;
}
.pagenavi .pages{
font-weight: normal;
color: #888;
max-width: 48px;
font: bold 12px/20px Tahoma, Geneva, sans-serif;
font-weight: normal;
text-shadow: 0 1px 0 #f8f8f8;
}
.pagenavi .pages {
border: 1px solid #d6d6d6;
background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
}
#colorit9an {
background: none repeat scroll 0 0 #FFFFFF;
margin-right: 15px;
overflow: hidden;
padding: 8px 0 0 4px;
position: fixed;
right: 0;
width: 28px;
z-index: 99;
}
ol, #colorit9an ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#colorit9an #it9ancolor li {
float: left;
}
#colorit9an #it9ancolor li a {
display: block;
height: 20px;
margin: 0 8px 8px 0;
width: 20px;
}
#colorit9an #it9ancolor li a.default {
background-color: #AAAAAA;
}
#colorit9an #it9ancolor li a.blue {
background-color: #33B5E5;
}
#colorit9an #it9ancolor li a.red {
background-color: #99CC00;
}
#colorit9an #it9ancolor li a.green {
background-color: #FF4444;
}
#colorit9an #it9ancolor li a.pink {
background-color: #FF8800;
}
.social-icone{ height:93px;}
.social-icone div{ margin: 0 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}
.you-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-ds8qOnEouwI/UQP3rHAflBI/AAAAAAAADIA/eH1yxuWHfgA/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(http://1.bp.blogspot.com/-3ph-4nN00s4/UQP3rX3vjiI/AAAAAAAADIQ/mXsSqvfISrw/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-UkgHer_Y6oc/UQP3qmklnaI/AAAAAAAADH4/_UNqgOHIB7c/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(http://2.bp.blogspot.com/-tY5SrlJev7M/UQP3q-YZ10I/AAAAAAAADH8/plC-yi5xLcw/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-bjxmNtZSedM/UQP3qGCsUeI/AAAAAAAADH0/0lxC1Le2XxU/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(http://2.bp.blogspot.com/-7phJl6JL7AI/UQP3qeT-xRI/AAAAAAAADHw/ZOTIvXZsnsA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(http://3.bp.blogspot.com/-amcTTFtnosk/UQP3p-PHToI/AAAAAAAADHk/cz8Gw7ZxGhI/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(http://4.bp.blogspot.com/-yNGQ0JC185g/UQP3qPseAoI/AAAAAAAADHo/oL0goYApjp0/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
/*---------------الإضافة الأولى--------------------*/
#avdhootblogger{clear:both;background:#E84C3D;color:#fff;display:block;position:relative;text-align:center;line-height:1.47}#avdhootblogger
h4{font-size:24px;font-family:GESSTwoMediumRegular;border-bottom:1px solid #746E6E;padding:10px;}#avdhootblogger input[type=text],[type=email],.sl_in_mail{margin-right:-6px;padding:16px
0 16px 40px;width:45%;border:none}
#avdhootblogger input[type=submit]{
border-radius: 0;
box-shadow: none;
padding: 17px 95px 17px;
border: none;
background: #7C352E;
cursor: pointer;
color: #FFF;
margin: 15px -2px 6px 0;
font-family: 'GESSTwoMediumRegular';
font-size: 13px;
margin-bottom: 20px;
}
#blogs-feed{
	width: 66%;
	height: 2000px;
	background:#fff;
	float: right;
	border: 3px solid #f99;
	border-radius: 6px;
}
#sidebar{
		width: 32%;
	height: 2000px;
	background:#fff;
	float: right;
	border: 3px solid #f99;
	border-radius: 6px;

#topnav ul li {
float: right;
padding: 0 10px 0 10px;
display: block;
margin: 10px 0;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a{
margin: 5px;
padding: 0;
color: #fff;
font:  12px GESSTwoMediumRegular;
text-shadow: 1px 1px 0 #000;
}
#topnav ul li span{text-align:center;margin:0;padding:0;color:#00C0F0;text-shadow: 0 1px 0 #000;font:normal 11px GESSTwoMediumRegular;}
#topnav ul li:hover, #topnav ul li.active {
color: #CCC;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a:hover, #topnav ul li.active a {
color: #aaa;
}
Blogger Template Style
Name:     blogger template name
Designer: bouyardane
URL:      www.bouyardane.com
----------------------------------------------- */
/* Content
----------------------------------------------- */
*{
backgrund:url(http://bouyardane.blogspot.com/);
margin:0;
padding:0;
outline:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration:underline;
}
del {
text-decoration: line-through;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
direction:rtl;
}
a {text-decoration:none;color:#aaa;}
a :visited{text-decoration:none;color:#888;}
a :hover{text-decoration:none;color:#888;}
blockquote
{
margin:10px;
padding:8px;
border:1px solid #ddd;
color:#444;
text-shadow:0 1px 0 #fff;
background:#f8f8f8;
}
ul , ol , dl {
list-style-position:inside;
font-weight:bold;
list-style:none;
}
/*-----Font Face-----*/
@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
/*------------Body----------------*/
body{
background:url(http://4.bp.blogspot.com/-XSSjp0cUuM4/UhVanom5r5I/AAAAAAAAA7w/Cp07qkquN3I/s1600/bg.png);
margin:0;
padding:0;
direction:rtl;
font:normal 13px tahoma;
}
/*------------Container-------------*/
#outer-wrapper{
overflow:hidden;
margin:0;padding:0;}
#header-wrapper{
width: 990px;
overflow: hidden;
height: 150px;
margin: 0 auto;
padding: 0;
background: url(http://4.bp.blogspot.com/-L4hks28BDHA/UheL_y96LcI/AAAAAAAAA84/SoSGiTAsKe8/s1600/gr-gala_09.jpg);
border-top: 5px solid #aaa;
border-bottom: 1px solid #696969;
}
#content-wrapper{
width:990px;margin: 0 auto 10px;
border-top: none;padding: 0;
}
#main-wrapper{
width: 66%;
float: right;
margin: 10px 0;
padding: 0;
}
#sidebar-wrapper{width:308px;float:left;padding:0;margin:25px 0;}
/*------Metro--------*/
#metro-wrapper{width:100%;display:none;background:#62b1ed url(http://4.bp.blogspot.com/-oBLCQE2RLNM/Uhjif3gNWoI/AAAAAAAABBY/YqEpJHa0wjY/s1600/start-gr.png);overflow:hidden;margin:0 auto;padding:0;}
#metro{width:1080px;margin:0 auto;}
.th3metro{width:270px;float:right;direction:rtl;overflow:hidden}
.th3metro ul{margin:0;list-style:none;}
.th3metro ul li{margin:4px;}
.th3metro ul li:hover{border:4px solid #73b8ff;}
.th3metro .big{float:right;width:250px;height:120px;padding:0;}
.th3metro .small{float:right;width:117px;height:120px;padding:0;}
.th3metro ul li span{text-align:right;color:#fff}
.th3metro #home{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#2a92e2 url(http://3.bp.blogspot.com/-RHDTf_GFIhM/Uf_QD2Gx1FI/AAAAAAAAAyk/OyPbS61f95k/s1600/home.png) no-repeat 50% 50%;
border:4px solid #2a92e2;
}
.th3metro #vb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://3.bp.blogspot.com/-Hf-n-G7V1GQ/Uf_QGQSmELI/AAAAAAAAAzY/-9gf2SN8RQg/s1600/vb.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #blog{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00b1f0 url(http://2.bp.blogspot.com/-goqtRb5IgF4/Uf_QBuwv-lI/AAAAAAAAAx0/nvXG9SZJdis/s1600/blog.png) no-repeat 50% 50%;
border:4px solid #00b1f0;
}
.th3metro #Android{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00bb00 url(http://2.bp.blogspot.com/-asq0Wd6NJrU/Uf_QBZrRbiI/AAAAAAAAAxw/OLZIHvHMStg/s1600/Android.png) no-repeat 50% 50%;
border:4px solid #00bb00;
}
.th3metro #security{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#643ebf url(http://2.bp.blogspot.com/-4nlWz43b48w/Uf_QEmzWHWI/AAAAAAAAAyw/fOhaePA8epo/s1600/security.png) no-repeat 50% 50%;
border:4px solid #643ebf;
}
.th3metro #video{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://3.bp.blogspot.com/-PjRlUHSCMFQ/Uf_QGTe0JfI/AAAAAAAAAzc/jZ9EUQwOnj0/s1600/video.png) no-repeat 50% 50%;
border:4px solid #b71c45;
}
.th3metro #windows{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#83c3ff url(http://3.bp.blogspot.com/-ZaTNvLzVF6s/Uf_QGu8HePI/AAAAAAAAAzM/dULoTReeD9g/s1600/windows.png) no-repeat 50% 50%;
border:4px solid #83c3ff;
}
.th3metro #linux{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background: #3BB71C url(http://4.bp.blogspot.com/-FstpBOdPZLo/Ul_spWQKk9I/AAAAAAAABtc/CdTmSn3XEis/s1600/XBox+360.png) no-repeat 50% 50%;
border: 4px solid #1BC51B;
}
}
.th3metro #fb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#0a57c0 url(http://1.bp.blogspot.com/-8rUy_nuZbuc/Uf_QC7HAruI/AAAAAAAAAyI/GfGpapSu4KQ/s1600/fb.png) no-repeat 50% 50%;
border:4px solid #0a57c0;
}
.th3metro #g{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://1.bp.blogspot.com/-Q-o9tNPGPrQ/Uf_QDTZOEQI/AAAAAAAAAyU/Q137brzOG2g/s1600/g.png) no-repeat 50% 50%;
border:4px solid #b71c45;
}
.th3metro #blogger{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://4.bp.blogspot.com/-wuINYY7gXe8/Uf_QCE8sFWI/AAAAAAAAAx8/JhZl9w6dllA/s1600/blogger.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #contact{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#009bad url(http://3.bp.blogspot.com/-9IJX9o8JvxU/Uf_QCdOeQyI/AAAAAAAAAyQ/IFAKHWgeal4/s1600/contact.png) no-repeat 50% 50%;
border:4px solid #009bad;
}
.th3metro #home:hover,.th3metro #vb:hover,.th3metro #contact:hover,.th3metro #video:hover{border:4px solid #73b8ff;}
.th3metro #fb:hover,.th3metro #blogger:hover,.th3metro #g:hover,.th3metro #blog:hover{border:4px solid #73b8ff;}
.th3metro #Android:hover,.th3metro #security:hover,.th3metro #windows:hover,.th3metro #linux:hover{border:4px solid #73b8ff;}
.metro_btn img{
float: left;
padding: 6px;
background: #aaa;
border-bottom: 4px solid #86CBFF;
}
/*---------Header---------------*/
#head{width:1024px;overflow:hidden;margin:0 auto;padding:0;}
#header {
width: 223px;
clear: both;
float: right;
margin: 14px 0 0;
padding: 0;
}
.ads{
width: 728px;
float: left;
margin: 32px 0 0 46px;
padding: 3px 3px 0;
background: #ccc;
}
/*-------------Topnav--------*/
#topnav{
width:990px;
margin:0;
padding:0;
overflow:hidden;
background:url(http://good-themes.com/preview/mudawanah/wp-content/themes/Mudawanah/images/top_bar_bg.gif) repeat-x;
height: 35px;
border-bottom: 3x solid #aaa;
}
#topnav ul{
width: 990px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#topnav ul li {
float: right;
padding: 0 10px 0 10px;
display: block;
margin: 10px 0;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a{
margin: 5px;
padding: 0;
color: #fff;
font:  12px GESSTwoMediumRegular;
text-shadow: 1px 1px 0 #000;
}
#topnav ul li span{text-align:center;margin:0;padding:0;color:#00C0F0;text-shadow: 0 1px 0 #000;font:normal 11px GESSTwoMediumRegular;}
#topnav ul li:hover, #topnav ul li.active {
color: #CCC;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a:hover, #topnav ul li.active a {
color: #aaa;
}
/*-------------Search-----------------*/
#searcharea{margin: 0 0 10px;}
.searchbox{
background: #f8f8f8 url(http://4.bp.blogspot.com/-EXFz8XR6rO8/UhjgQN_V29I/AAAAAAAABBE/s7Yq6UcKlj4/s1600/search-gr.png) no-repeat 95% 50%;
font-family: tahoma;
color: #888;
margin: 0;
border: 1px solid #888;
padding: 13px 36px 14px 10px;
border-right: 4px solid #888;
width: 198px;
}
.searchbox:focus{
border: 1px solid #aaa;
border-right: 4px solid #aaa;
}
.searchbtn {
background: #aaa;
border: 1px solid #888;
color: #FFF;
font: normal 14px GESSTwoMediumRegular, tahoma;
padding: 10px 20px;
margin: 0 -4px 0;
}
.searchbtn:hover {
background: #888;
}
/*-------------subscibe-----------------*/
#subscibe {
margin: 0 10px;
margin-bottom: 10px !important;
}
.subscibebox{
background: #FFF url(http://4.bp.blogspot.com/-iNt1NmiazTc/UhjgQHQ_3YI/AAAAAAAABBA/wa-VMs0PPMg/s1600/contact-gr.png) no-repeat 95% 50%;
font-family: 'HelveticaNeueW23';
color: #aaa;
margin: 10px 0;
width: 180px;
padding: 16px 35px 16px 0;
border: 1px solid #aaa;
border-right: 5px solid #888;
opacity: 0.8;
}
.subscibebox:focus{
border: 1px solid #aaa;
border-right: 5px solid #888;
box-shadow:0 0 3px #aaa;
opacity: 0.8;
}
/*-------------Social-------------*/
#ja-social .social { }
#ja-social .ico-social { border-left-color: #444; }
#ja-social .ico-social.ico-rss{background-image: url(http://2.bp.blogspot.com/-HdpfFKGUqac/Ue93HmOqf3I/AAAAAAAAAgA/zKI0mSmflrU/s1600/rss.png); }
#ja-social .ico-social.ico-facebooks{background-image: url(http://3.bp.blogspot.com/-Jr8s6Y0e628/Ue93Hl2gUGI/AAAAAAAAAgc/4UD2m4hOsVE/s1600/fb.png); }
#ja-social .ico-social.ico-twitters{background-image: url(http://1.bp.blogspot.com/-Ekvqx7yBy5A/Ue93IDq7tNI/AAAAAAAAAgQ/GfNxqGe0j9s/s1600/tw.png); }
#ja-social .ico-social.ico-g{background-image: url(http://4.bp.blogspot.com/-Pu7gBFFgPY0/Ue93HnzoK4I/AAAAAAAAAf8/Hmll0UscyTM/s1600/g.png); }
#ja-social .ico-social.ico-youtube{background-image: url(http://3.bp.blogspot.com/-SZcmWZ6YHzs/Ue93IeWMTdI/AAAAAAAAAgM/ENfkC1SAd2k/s1600/youtube.png); }
#ja-social { float: left; margin:3px;}
#ja-social .social {
float: left;
padding: 2px; }
#ja-social .ico-social {
background-position: left top;
display: inline-block;
float: left;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
-webkit-transition: all 1s ease .1s;
-moz-transition: all 1s ease .1s;
-o-transition: all 1s ease .1s;
-pie-transition: all 1s ease .1s;
transition: all 1s ease .1s;
}
#ja-social .ico-social:hover,
#ja-social .ico-social:focus,
#ja-social .ico-social:active { background-position: left bottom;
-webkit-transition: all 1s ease .1s;
-moz-transition: all 1s ease .1s;
-o-transition: all 1s ease .1s;
-pie-transition: all 1s ease .1s;
transition: all 1s ease .1s;
}
/******-----------***********/
#navi {
width: 990px;
margin: 0;
height: 44px;
background: #aaa;
padding: 0;
clear: both;
box-shadow: 0 3px 0px #888;
border-radius: 0 0 3px 3px;
position: relative;
}
#navi h2 {
display:none
}
#navi ul {
list-style:none;
margin:0;
padding:0;
}
#navi ul li {
float:right;
padding:12px 20px;
border-left:1px solid #888;
}
#navi ul li a {
color:#fff;
font:normal 14px GESSTwoMediumRegular, tahoma; arial;!important;
text-decoration:none;
}
#navi ul li:hover {
background: #888;
}
.navi ul {
background: none repeat scroll 0 0 #222222;
display: none;
padding: 10px 0 2px;
position: absolute;
top: 43px;
width: 293px;
z-index: 9999;
}
.navi li ul li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
float: right;
height: 29px;
margin: 5px 9px 5px 4px !important;
padding: 0 !important;
width: 130px;
}
.navi li ul li:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
height: 29px !important;
width: 130px !important;
}
.navi li ul a {
background: none repeat scroll 0 0 #161616;
color: #FFFFFF;
float: right;
font: 11px/27px Tahoma,Geneva,sans-serif !important;
height: 29px;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 5px;
padding-top: 0 !important;
text-align: right;
text-shadow: none;
width: 130px;
}
.navi ul ul {
top: auto;
}
.navi li ul ul {
left: 12em;
margin: 0 0 0 10px;
}
.navi li:hover ul ul, .navi li:hover ul ul ul, .navi li:hover ul ul ul ul {
display: none;
}
.navi li:hover ul, .navi li li:hover ul, .navi li li li:hover ul, .navi li li li li:hover ul {
display: block;
}
.post-labels{display:none !important;}
/*---------post--------*/
.BlogArchive #ArchiveList ul li{
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-right: 20px;
margin: .25em 0;
background-image: none;
}
.post-title{padding: 20px;color:#888;font:normal 20px 'GESSTwoMediumRegular', arial, tahoma;}
.post {
background: none repeat scroll 0 0 #fff;
border-bottom: 4px solid #aaa;
color: #555555;
margin-bottom: 10px;
padding:0;
text-align: justify;
text-decoration: none;
font: normal 13px tahoma;
line-height: 1.6em;
}
.post-thumbnail {
line-height: 0;
}
.post h3 {
padding: 10px;
border-bottom: 1px solid #ddd;
color: #5F5F5F;
font: normal 20px 'GESSTwoMediumRegular', arial, tahoma;
background: #f8f8f8;
margin: 0 0 3px;
}
.post h3 a {
padding: 0;
color: #444;
font: normal 20px 'GESSTwoMediumRegular', arial, tahoma;
}
.post-body{width:98%;padding:4px 8px;}
.post a{font-size:12px;}
#readmore a{
background: #aaa url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 91% 50%;
float: left;
color: #FFF;
margin: -31px 0 0 10px;
padding: 14px 35px 8px 8px;
text-decoration: none;
font: normal 13px 'GESSTwoMediumRegular', arial, tahoma;
}
#readmore a:hover{
background: #888 url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 91% 50%;
}
.section {
margin: 0 8px;
}
/*------------------sidebar--------------------*/
.sidebar{margin:16px 0 0 6px;padding:0;}
.sidebar h2{
font: normal 16px 'GESSTwoMediumRegular', arial, tahoma;
margin: 0;
border-bottom: 4px solid #aaa;
padding: 10px;
color: #444;
}
.sidebar ul{
margin: 0;
line-height: 1.8em;
padding: 0 14px 8px 4px;
font-size: 12px;
font-family: tahoma;
font-weight: normal;
overflow:hidden;
}
.sidebar ul li{margin: 0 0 10px;}
.sidebar ul li a{color:#888;font-size: 14px;font-family: GESSTwoMediumRegular;}
.sidebar ul li a:hover{color:#aaa;}
.sidebar .widget{
background: #fff;
margin:0 0 10px;
padding: 0;
box-shadow: 0px 1px 2px 0px #bababa;
}
/*-----------labels-----------------*/
.list-label-widget-content ul li{ float:right;margin:0;padding:0; }
#Label1{padding:0;}
#Label1 ul{margin:0;}
#Label1 ul li{
padding: 6px 10px 6px;
border: 1px solid #888;
margin: 2px;
background: #aaa;
}
#Label1 ul li a {
color: #fff;
font: normal 12px GESSTwoMediumRegular;
}
#Label1 ul li:hover {
background: #888;
text-decoration:underline;
}
#Label2{padding:0;width:100%;}
#Label2 ul{margin:0;width:100%;padding: 0px 4px;}
#Label2 ul li {
padding: 6px 0 6px;
border: 1px solid #ddd;
margin: 2px;
background: #fff;
}
#Label2 ul li a {
color: #aaa;
font: normal 12px GESSTwoMediumRegular;
}
#Label2 ul li a:hover {
color: #aaa;
text-decoration:underline;
}
/** Admin Profile **/
.profile-img {
float: right;
margin-top: 0;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 0;
padding: 4px;
border: 1px solid #dddddd;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'GESSTwoMediumRegular', Trebuchet, Arial, Verdana, Sans-serif;
color: #777777;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
#ArchiveList {
text-align: right;
padding: 8px;
}
#BlogArchive1_ArchiveMenu{
width: 100%;
padding: 10px;
background: #FD934D;
border: 1px solid #F9760B;
font:  12px tahoma;
color: #FFF;
text-shadow: 0 1px 0 #DF6400;
}
#PopularPosts1 ul{padding:0;}
#PopularPosts1 ul li{margin: 5px 0;
border-bottom: 1px solid #DDD;
padding: 6px 0 6px 0px;}
#PopularPosts1 ul li a{color: #5E6D82}
#PopularPosts1 ul li a:hover{color:#aaa;}
.PopularPosts .item-thumbnail {
float:right;
}
.PopularPosts img {
height: 48px;
width: 48px;
float:right;
margin-left:4px;
padding:3px;
}
.PopularPosts .widget-content ul li {
list-style: none;}
#search{
margin-top:0;
margin-bottom:0;
}
/*----------comments----------*/
.comments h4{
background: #f8f8f8;
padding: 10px;
color: #444;
font: bold 16px GESSTwoMediumRegular;
border: 1px solid #ddd;
}
.comment-block {
background: #f8f8f8;
padding: 8px 8px 12px;
border: 1px solid #ddd;
}
.avatar-image-container{
background: #FFF;
border: 1px solid #ddd;
padding: 3px;
}
.comment-header{
background: #FFF;
border: 1px solid #ddd;
padding: 8px;
}
.user a ,.blog-auter a{
font: normal 13px tahoma;
}
.datetime a {
float: left;
font: normal 13px tahoma;
}
.comment-content {
background: #FFF;
border: 1px solid #ddd;
padding: 10px 10px 46px;
color: #888;
font: normal 13px tahoma;
}
.comment-actions{
background: #FFF;
border: 1px solid #ddd;
padding: 7px;
font: normal 11px tahoma;
}
.comment-actions a{
font: normal 12px GESSTwoMediumRegular;
}
.widget .post-body ul {
padding: 0;
margin: 0;
line-height: 0;
}
/* ---------Page Navigation---------------- */
#blog-pager-newer-link {float: right;}
#blog-pager-older-link {float: left;margin-left:10px;}
#blog-pager {
margin-top:10px;
padding:4px 10px 4px 10px;
background:#fff;
border-radius:5px;
border: 1px solid #ddd;
}
#blog-pager a{
text-align: center;
text-transform:uppercase;
font-size:14px;
font-family:HelveticaNeueW23, tahoma, arial;
background:#fff;
color:#aaa;
}
.feed-links {clear: both;line-height: 2.5em;}
/*--------Footer----------*/
#footer-wrapper {
width: 100%;
border-top: 1px solid #fff;
box-shadow: 0 -1px 2px #D5D5D5;
overflow: hidden;
background: #f8f8f8 url(http://4.bp.blogspot.com/-dK36jk78-lg/UhV3t8HECOI/AAAAAAAAA8M/ww6WfXZGkik/s1600/bg-footer.gif);
clear: both;
padding: 10px 0;
margin: 0;
}
#footer{
width:990px;
margin:0 auto;
padding:0;
}
#footer-column{
margin:0;
padding:0;
}
#footer-column h2 {
margin-bottom: 15px;
padding: 11px;
color: #777;
font: normal 12px GESSTwoMediumRegular;
text-shadow: 1px 1px 1px #fff;
background: -webkit-linear-gradient(top, rgba(249,249,249, 1) 0%, rgba(234, 234, 234, 1) 100%);
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
}
}
}
#footer-column ul {
margin: 0;
padding: 0;
}
#footer-column ul li {
margin: 2px;
padding: 5px 6px;
color: #00ADFF;
}
#footer ul li a{
margin:0;
font: normal 12px tahoma;
padding:0;
color:#888;
}
.item-snippet{padding:4px}
.PopularPosts2 ul li a{color:#fff;}
#copyrights-wrapper {
overflow: hidden;
border-top: 1px solid #222;
background: #444;
padding: 10px 0;
color: #FFF;
margin: 0;
font: normal 12px GESSTwoMediumRegular, tahoma;
}
#copyrights{
width:990px;
overflow:hidden;
margin:0 auto;
}
.widget ul {
padding: 5px;
margin: 0;
}
.copy-right{float:right;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-left{float:left;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-right a{color:#aaa;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-left a{padding-right:3px;color:#aaa;font: normal 14px GESSTwoMediumRegular, tahoma;}
.postauthor{
background:#f8f8f8;
border:1px solid #ddd;
border-right:none;
border-left:none;
padding:10px;
margin:10px 0 0;
overflow:hidden;
}
.postauthor img{
float:right;background:#fff;margin:0 0 0 8px;padding:4px;border:1px solid #ddd;
}
.postauthor h4{
font: normal 14px GESSTwoMediumRegular, tahoma;
color: #444;
}
.postauthor a{
color:#aaa;
padding-right:2px;
}
.postauthor p{
font: normal 12px tahoma;color:#888;
line-height:1.8em;
text-shadow: 0 1px 0 #FFF;
}
/*----------social postauthor------------*/
#social_postauthor {
margin: 16px 0 0;
overflow: hidden;
background: #fff;
padding: 4px;
border-radius: 3px;
border: 1px solid #ddd;
}
#social_postauthor ul{margin:0;padding:0;overflow:hidden;}
#social_postauthor ul li {
float: right;
padding: 0;
margin: 3px 2px;
border-radius: 2px;
transition: 0.5s;
}
#social_postauthor ul li a{
display: inline-block;
float: right;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
transition:0.5s;
}
#social_postauthor ul li:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-moz-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Safari and Chrome */
transition:0.5s;
}
#social_postauthor ul li span{
font: normal 13px 'GESSTwoMediumRegular';
text-shadow: 0 1px 0 #fff;
padding: 4px 4px 4px 4px;
}
#social_postauthor .txt {
padding: 4px 0;
}
#social_postauthor .fb {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 50% center;
background-color: #003366;
}
#social_postauthor .tw {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 50% center;
background-color: #0ba6f7;
}
#social_postauthor .gl {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 50% center;
background-color: #dc311b;
}
/*----------subscribe Postauthor------------*/
#subspa {
margin:0;
}
.subspabox {
background: #f8f8f8 url(http://4.bp.blogspot.com/-iNt1NmiazTc/UhjgQHQ_3YI/AAAAAAAABBA/wa-VMs0PPMg/s1600/contact-gr.png) no-repeat 98% 50%;
font-family: 'GESSTwoMediumRegular';
color: #293949;
margin: 4px;
width: 67%;
text-align: right;
padding: 6px 35px 6px 0;
border: 1px solid #ddd;
border-radius: 3px;
}
.subspabox:focus{
border: 1px solid #33B5E5;opacity: 0.8;
color: #33B5E5;
background: #FFF url(http://4.bp.blogspot.com/-RspmSPUJ7AE/UhjTX-W3eiI/AAAAAAAAA_s/IDNdGPrjwA0/s1600/contact.png) no-repeat 98% 50%;
}
.feed-links{display:none;}
::selection {
background: #65C178;
color: #fff;
text-shadow: 1px 1px 0 #555;
}
top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
.post-labels{
background: #F8F8F8;
border: 1px solid #DDD;
border-right: none;
border-left: none;
border-bottom: none;
padding: 10px;
overflow: hidden;
clear: both;
margin: -10px 0 0 0;
display: block;
color:#888;
}
.post-labels a {
background: #aaa;
border: 1px solid #888;
padding: 6px;
margin: 3px;
overflow: hidden;
font: normal 14px GESSTwoMediumRegular, tahoma;
color: #fff;
}
.post-labels a:hover {
background: #ddd;
border: 1px solid #ccc;
color: #888;
}
.feed-links{display:none;}
/*-----MetaPost--------*/
#meta-post{padding: 10px 0;margin: 0 0 -22px;background: #f8f8f8;border-top: 1px solid #ddd;}
.post-author {
background: url(http://1.bp.blogspot.com/-Q-A5Vm8wRDQ/UhjTXcgZioI/AAAAAAAAA_U/tpPdXAeqDMw/s1600/author.png) no-repeat 98% 50%;
padding: 12px 24px 12px 10px;
margin: 0 5px !important;
border-left: 1px solid #ddd;
color: #888;
}
.post-author span{color:#aaa;}
.post-timestamp {
background: url(http://4.bp.blogspot.com/-t8K9nkLdhro/UhjTY67XqwI/AAAAAAAABAE/xuCABvgVqxY/s1600/time.png) no-repeat 98% 50%;
padding: 12px 25px 12px 10px;
margin: 0;
border-left: 1px solid #ddd;
color: #888;
}
.post-timestamp a{color:#aaa;}
.comment-link {
background: url(http://2.bp.blogspot.com/-57QXXeioDRk/UhjTXelcAnI/AAAAAAAABAI/tlMBGutqlLg/s1600/comment.png) no-repeat 93% 53%;
padding: 13px 32px 13px 10px;
margin: 0;
border-left: 1px solid #ddd;
}
.comment-link a{color:#aaa;}
/*---------Color Swotchers-------------*/
#Chose-color{
margin-right: 10px;
position: fixed;
background: #fff;
width: 29px;
overflow: hidden;
}
#Chose-color ul,#Chose-color li{padding:0;margin:0;list-style:none}
#Chose-color li{margin:5px 2px;position:relative}
#Chose-color li a{padding:0 2px;line-height:2px;display:block}
/*--------share---------*/
.dhi_menu{
float: right;
margin: 16px 0 0 8px;
padding: 0;
}
.dhi_menu ul{float:left;}
.dhi_menu ul li{float:right;margin:2px;padding:0;}
.dhi_menu ul li a{padding:10px 27px 10px 9px;border-radius: 3px;font:normal 12px tahoma;float:right;color:#fff;}
.dhi_menu ul li a:hover{}
.dhi_menu a.twitter {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
background-color: #0ba6f7;
}
.dhi_menu a.twitter:hover {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
background-color: #ddd;
cursor:pointer;
}
.dhi_menu a.share {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 87% center;
background-color: #003366;
}
.dhi_menu a.share:hover {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
.dhi_menu a.plus {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
background-color: #dc311b;
}
.dhi_menu a.plus:hover {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
background-color: #ddd;
cursor:pointer;
}
/*------------------------------*/
.share_menu{
margin: 0;
padding: 0;
border: 4px solid #DDD;
overflow: hidden;
float: left;
}
.share_menu ul{
padding: 0;
margin: 0;
}
.share_menu ul li{
float: right;
padding: 0;
}
.share_menu ul li a{padding:10px 35px 10px 20px;font:normal 12px tahoma;float:right;color:#fff;}
.share_menu ul li a:hover{}
.share_menu a.twitter {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
background-color: #0ba6f7;
}
.share_menu a.twitter:hover {
background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
.share_menu a.share {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
background-color: #003366;
}
.share_menu a.share:hover {
background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
.share_menu a.plus {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
background-color: #dc311b;
}
.share_menu a.plus:hover {
background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
background-color: #ddd;
cursor:pointer;
}
/*---------PageNavigation------------*/
.pagenavi{
clear:both;margin:20px auto 0;text-align:center;
transition: 0.5s;
}
.pagenavi span, .pagenavi a {
padding: 10px;
width: 50px;
margin-right: 5px;
padding-top: 6px;
font: normal 12px/20px Tahoma, Geneva, sans-serif;
padding-bottom: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: -moz-linear-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: linear-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
border: 1px solid #d6d6d6;
color: #888;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
font-weight: normal;
text-shadow: 0 1px 0 #f8f8f8;
transition: 0.5s;
}
.pagenavi a:hover, .pagenavi .current {
background: -webkit-linear-gradient(top, #aaa 0%, #888 100%);
background: -moz-linear-gradient(top, #aaa 0%, #888 100%);
background: linear-gradient(top, #aaa 0%, #888 100%);
color: #fff;
text-decoration: none;
border: 1px solid #888;
font-weight: normal;
text-shadow: 0 1px 0 #888;
transition: 0.5s;
}
.pagenavi .pages{
font-weight: normal;
color: #888;
max-width: 48px;
font: bold 12px/20px Tahoma, Geneva, sans-serif;
font-weight: normal;
text-shadow: 0 1px 0 #f8f8f8;
}
.pagenavi .pages {
border: 1px solid #d6d6d6;
background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
}
#colorit9an {
background: none repeat scroll 0 0 #FFFFFF;
margin-right: 15px;
overflow: hidden;
padding: 8px 0 0 4px;
position: fixed;
right: 0;
width: 28px;
z-index: 99;
}
ol, #colorit9an ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#colorit9an #it9ancolor li {
float: left;
}
#colorit9an #it9ancolor li a {
display: block;
height: 20px;
margin: 0 8px 8px 0;
width: 20px;
}
#colorit9an #it9ancolor li a.default {
background-color: #AAAAAA;
}
#colorit9an #it9ancolor li a.blue {
background-color: #33B5E5;
}
#colorit9an #it9ancolor li a.red {
background-color: #99CC00;
}
#colorit9an #it9ancolor li a.green {
background-color: #FF4444;
}
#colorit9an #it9ancolor li a.pink {
background-color: #FF8800;
}
.social-icone{ height:93px;}
.social-icone div{ margin: 0 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}
.you-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-ds8qOnEouwI/UQP3rHAflBI/AAAAAAAADIA/eH1yxuWHfgA/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(http://1.bp.blogspot.com/-3ph-4nN00s4/UQP3rX3vjiI/AAAAAAAADIQ/mXsSqvfISrw/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-UkgHer_Y6oc/UQP3qmklnaI/AAAAAAAADH4/_UNqgOHIB7c/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(http://2.bp.blogspot.com/-tY5SrlJev7M/UQP3q-YZ10I/AAAAAAAADH8/plC-yi5xLcw/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-bjxmNtZSedM/UQP3qGCsUeI/AAAAAAAADH0/0lxC1Le2XxU/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(http://2.bp.blogspot.com/-7phJl6JL7AI/UQP3qeT-xRI/AAAAAAAADHw/ZOTIvXZsnsA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(http://3.bp.blogspot.com/-amcTTFtnosk/UQP3p-PHToI/AAAAAAAADHk/cz8Gw7ZxGhI/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(http://4.bp.blogspot.com/-yNGQ0JC185g/UQP3qPseAoI/AAAAAAAADHo/oL0goYApjp0/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
/*---------------الإضافة الأولى--------------------*/
#avdhootblogger{clear:both;background:#E84C3D;color:#fff;display:block;position:relative;text-align:center;line-height:1.47}#avdhootblogger
h4{font-size:24px;font-family:GESSTwoMediumRegular;border-bottom:1px solid #746E6E;padding:10px;}#avdhootblogger input[type=text],[type=email],.sl_in_mail{margin-right:-6px;padding:16px
0 16px 40px;width:45%;border:none}
#avdhootblogger input[type=submit]{
border-radius: 0;
box-shadow: none;
padding: 17px 95px 17px;
border: none;
background: #7C352E;
cursor: pointer;
color: #FFF;
margin: 15px -2px 6px 0;
font-family: 'GESSTwoMediumRegular';
font-size: 13px;
margin-bottom: 20px;
}
#avdhootblogger input[type=submit]:hover{background:#532621;}
#avdhootblogger
.counter{margin:0
0 25px}#avdhootblogger.efooter{background:none}#avdhootblogger.efooter
form{text-align:left;padding:0}#avdhootblogger.efooter input[type=submit],#avdhootblogger.efooter input[type=text],[type=email],.wg_in_mail{padding:10px;letter-spacing:0px}#avdhootblogger.efooter.sidebar{background:#3C3C33;padding:20px}#avdhootblogger.efooter.sidebar
form{text-align:center}
/*---------Header---------------*/
#head{width:1024px;overflow:hidden;margin:0 auto;padding:0;}
#header {
width: 223px;
clear: both;
float: right;
margin: 14px 0 0;
padding: 0;
}
.ads{
width: 728px;
float: left;
margin: 32px 0 0 46px;
padding: 3px 3px 0;
background: #ccc;
}

#avdhootblogger input[type=submit]:hover{background:#532621;}
#avdhootblogger
.counter{margin:0
0 25px}#avdhootblogger.efooter{background:none}#avdhootblogger.efooter
form{text-align:left;padding:0}#avdhootblogger.efooter input[type=submit],#avdhootblogger.efooter input[type=text],[type=email],.wg_in_mail{padding:10px;letter-spacing:0px}#avdhootblogger.efooter.sidebar{background:#3C3C33;padding:20px}#avdhootblogger.efooter.sidebar
form{text-align:center}

--></style>
<!-- بداية تبديل الالوان -->
<link href='https://bouyadrane.googlecode.com/svn/trunk/css/style1.css' rel='stylesheet' type='text/css'/>
<link href='https://bouyadrane.googlecode.com/svn/trunk/css/style2.css' rel='alternate stylesheet' title='blue-theme'/>
<link href='https://bouyadrane.googlecode.com/svn/trunk/css/style3.css' rel='alternate stylesheet' title='green-theme'/>
<link href='https://bouyadrane.googlecode.com/svn/trunk/css/style4.css' rel='alternate stylesheet' title='red-theme'/>
<link href='https://bouyadrane.googlecode.com/svn/trunk/css/style5.css' rel='alternate stylesheet' title='orange-theme'/>
<!-- نهاية تبديل الالوان -->
<script src='https://guide-b.googlecode.com/svn/trunk/rafidain/js/jquery.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js'></script>
<script type='text/javascript'>
      summary_noimg = 360;
      summary_img = 230;
      img_thumb_height = 160;
      img_thumb_width = 300; 
    </script>
<script type='text/javascript'>
      //<![CDATA[
      function removeHtmlTag(strx,chop){ 
        if(strx.indexOf("<")!=-1)
        {
          var s = strx.split("<"); 
          for(var i=0;i<s.length;i++){ 
            if(s[i].indexOf(">")!=-1){ 
              s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            } 
          } 
          strx =  s.join(""); 
        }
        chop = (chop < strx.length-1) ? chop : strx.length-2; 
        while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
        strx = strx.substring(0,chop-1); 
        return strx+'...'; 
      }
      function createSummaryAndThumb(pID){
        var div = document.getElementById(pID);
        var imgtag = "";
        var img = div.getElementsByTagName("img");
        var summ = summary_noimg;
        if(img.length>=1) { 
          imgtag = '<span style="float:right; margin:2px 5px 0 12px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
          summ = summary_img;
        }
        var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
        div.innerHTML = summary;
      }
      //]]>
</script>
<script type='text/javascript'>
      //<![CDATA[
      var manual_or_random="manual" //"manual" or "random"
      var randomsetting="3 days" //"eachtime", "sessiononly", or "x days (replace x with desired integer)". Only applicable if mode is random.
      //////No need to edit beyond here//////////////
      function getCookie(Name) { 
        var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
        if (document.cookie.match(re)) //if cookie found
          return document.cookie.match(re)[0].split("=")[1] //return its value
          return null
      }
      function setCookie(name, value, days) {
        var expireDate = new Date()
        //set "expstring" to either future or past date, to set or delete cookie, respectively
        var expstring=(typeof days!="undefined")? expireDate.setDate(expireDate.getDate()+parseInt(days)) : expireDate.setDate(expireDate.getDate()-5)
        document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
      }
      function deleteCookie(name){
        setCookie(name, "moot")
      }
      function setStylesheet(title, randomize){ //Main stylesheet switcher function. Second parameter if defined causes a random alternate stylesheet (including none) to be enabled
        var i, cacheobj, altsheets=[""]
        for(i=0; (cacheobj=document.getElementsByTagName("link")[i]); i++) {
          if(cacheobj.getAttribute("rel").toLowerCase()=="alternate stylesheet" && cacheobj.getAttribute("title")) { //if this is an alternate stylesheet with title
            cacheobj.disabled = true
            altsheets.push(cacheobj) //store reference to alt stylesheets inside array
            if(cacheobj.getAttribute("title") == title) //enable alternate stylesheet with title that matches parameter
              cacheobj.disabled = false //enable chosen style sheet
              }
        }
        if (typeof randomize!="undefined"){ //if second paramter is defined, randomly enable an alt style sheet (includes non)
          var randomnumber=Math.floor(Math.random()*altsheets.length)
          altsheets[randomnumber].disabled=false
        }
        return (typeof randomize!="undefined" && altsheets[randomnumber]!="")? altsheets[randomnumber].getAttribute("title") : "" //if in "random" mode, return "title" of randomly enabled alt stylesheet
      }
      function chooseStyle(styletitle, days){ //Interface function to switch style sheets plus save "title" attr of selected stylesheet to cookie
        if (document.getElementById){
          setStylesheet(styletitle)
          setCookie("mysheet", styletitle, days)
        }
      }
      function indicateSelected(element){ //Optional function that shows which style sheet is currently selected within group of radio buttons or select menu
        if (selectedtitle!=null && (element.type==undefined || element.type=="select-one")){ //if element is a radio button or select menu
          var element=(element.type=="select-one") ? element.options : element
          for (var i=0; i<element.length; i++){
            if (element[i].value==selectedtitle){ //if match found between form element value and cookie value
              if (element[i].tagName=="OPTION") //if this is a select menu
                element[i].selected=true
                else //else if it's a radio button
                  element[i].checked=true
                  break
            }
          }
        }
      }
      if (manual_or_random=="manual"){ //IF MANUAL MODE
        var selectedtitle=getCookie("mysheet")
        if (document.getElementById && selectedtitle!=null) //load user chosen style sheet from cookie if there is one stored
          setStylesheet(selectedtitle)
          }
      else if (manual_or_random=="random"){ //IF AUTO RANDOM MODE
        if (randomsetting=="eachtime")
          setStylesheet("", "random")
          else if (randomsetting=="sessiononly"){ //if "sessiononly" setting
            if (getCookie("mysheet_s")==null) //if "mysheet_s" session cookie is empty
              document.cookie="mysheet_s="+setStylesheet("", "random")+"; path=/" //activate random alt stylesheet while remembering its "title" value
              else
                setStylesheet(getCookie("mysheet_s")) //just activate random alt stylesheet stored in cookie
                }
            else if (randomsetting.search(/^[1-9]+ days/i)!=-1){ //if "x days" setting
              if (getCookie("mysheet_r")==null || parseInt(getCookie("mysheet_r_days"))!=parseInt(randomsetting)){ //if "mysheet_r" cookie is empty or admin has changed number of days to persist in "x days" variable
                setCookie("mysheet_r", setStylesheet("", "random"), parseInt(randomsetting)) //activate random alt stylesheet while remembering its "title" value
                setCookie("mysheet_r_days", randomsetting, parseInt(randomsetting)) //Also remember the number of days to persist per the "x days" variable
              }
              else
                setStylesheet(getCookie("mysheet_r")) //just activate random alt stylesheet stored in cookie
                } 
      }
      //]]>
      
#blogs-feed{
	width: 66%;
	height: 2000px;
	background:#fff;
	float: right;
	border: 3px solid #f99;
	border-radius: 6px;
}